<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div {
            width: 600px;
            background-color: brown;
        }
        img {
            height: 200px;
            vertical-align: baseline;
        }
    </style>
</head>
<body>

    <!-- 当默认为vertical-align: baseline;的时候，行高会自动增加一段，因为x的基线下方需要容纳别的字母，比如g，就会多一块出来 -->
    <div>
        <img src="swk.png" alt="swk">x
    </div>
    
</body>
</html>